
/* we're adding background-inherit to set the background for all that classes */

.dataGridHeaderRow {
    position: sticky;
    top: 0;
    z-index: 1000;
}

.dataGridFooterRow {
    position: sticky;
    bottom: 0;
    z-index: 1000;
}

/* likely because of rounding in mobile version we see double border under footer */
@media (max-width: 570px) {
    .lsf-table .empty-footer .dataGridFooterRow {
        bottom: -1px;
    }
}

.dataGridHeaderCell {
    /*position: sticky;*/
    /*top: 0;*/
    /*z-index: 1;*/
}

.dataGridFooterCell {
    /*position: sticky;*/
    /*bottom: 0;*/
    /*z-index: 1;*/
}

.dataGridStickyCell,
.dataGridStickyCell.property-not-null,
.dataGridStickyCell.property-has-change,
.dataGridStickyCell.fill-parent-position {
    position: sticky;

    z-index: 1;
}

.dataGridStickyHeader,
.dataGridStickyHeader.property-not-null,
.dataGridStickyHeader.property-has-change,
.dataGridStickyHeader.fill-parent-position {
    position: sticky;

    z-index: 1001;
}

.dataGridStickyFooter,
.dataGridStickyFooter.property-not-null,
.dataGridStickyFooter.property-has-change,
.dataGridStickyFooter.fill-parent-position {
    position: sticky;

    z-index: 1001;
}

.dataGridStickyCell.dataGridStickyOverflow,
.dataGridStickyHeader.dataGridStickyOverflow,
.dataGridStickyFooter.dataGridStickyOverflow {
    z-index: 0;
}
